// JavaScript Document
$(document).ready(function(e) {
    $(window).load(function(){
		
	

carLoad();

function carLoad(){
	var str;
	var sum='';
	if(getCookie('shopingCarNum')){
	var num=getCookie('shopingCarNum');
	var obj=[];
	
	}		
	
	ajax( "../txt/car.txt",function(str){ 
			var str=str;
			for(var j=0;j<=num;j++){
				sum+=str;
				}	
				//--用ajax获得txt文档，文档内容为tr的字符串--------------------
			
	
		$('.carTab').append(sum)
		for(var i=0;i<=num;i++){	
			
			obj[i]=eval(getCookie(i));
			;//------吧tr字符串添加到table中，生成一个新的tr------------------------
			$('.carTab .tr3').eq(i).children('.td2').children('dl').children('dt').children('a').children('img').attr('src',obj[i][0].src);//更换图片路径
			$('.carTab .tr3').eq(i).children('.td2').children('dl').children('dd').children('a').html(obj[i][0].name);//设置商品的名字
			
			$('.carTab .tr3').eq(i).children('.td3').children('input').val(obj[i][0].num);//设置商品的数量
			
			$('.carTab .tr3').eq(i).children('.td4').html(obj[i][0].price);//设置商品的数量
			$('.carTab .tr3').eq(i).children('.td5').html(obj[i][0].price*obj[i][0].num);
		
			shopingSum();
			}
		
		
		
		
		$('.carTab .tr3 .td3 a:even').click(function(){
		
		var ind=$('.carTab .tr3 .td3 a:even').index($(this));
		var num=$('.carprodectNum').eq(ind).val();
		num--;
		if(num<0){num=0}
		$('.carprodectNum').eq(ind).val(num);
		var price=$('.carTab .tr3 .td4').eq(ind).html();
		$('.carTab .tr3 .td5').eq(ind).html(num*price);
		shopingSum();//更新合计数据
		
		var obj=eval(getCookie(ind))
		var obj=obj[0];
		var src=obj.src;
		var price=obj.price;
		var name=obj.name;
		
		
		setCookie(ind,'[{src:"'+src+'",name:"'+name+'",price:"'+price+'",num:"'+num+'"}]')//从新更新Cookie的数据
		
		})	
		
		//---------数量减一-----------------
	$('.carTab .tr3 .td3 a:odd').click(function(){
		var ind=$('.carTab .tr3 .td3 a:odd').index($(this));
		var num=$('.carprodectNum').eq(ind).val();
		num++;
		
		$('.carprodectNum').eq(ind).val(num);
		var price=$('.carTab .tr3 .td4').eq(ind).html();
		$('.carTab .tr3 .td5').eq(ind).html(num*price);
		shopingSum();//更新应该改版的数据
		var obj=eval(getCookie(ind))
		var obj=obj[0];
		var src=obj.src;
		var price=obj.price;
		var name=obj.name;
		
		setCookie('lastMoney',shopingSum(),10)
		setCookie(ind,'[{src:"'+src+'",name:"'+name+'",price:"'+price+'",num:"'+num+'"}]',10)//从新更新Cookie的数据
		})	
	//-------------数量加一------------------------
	$('.carTab .tr3 .td6 a').click(function(){
		$(this).parents('.tr3').remove()
		})		
		//--------------删除----------------------
	$('.td3 .carprodectNum').blur(function(){
		
	var ind=$('.carprodectNum').index($(this));

		var num=$('.carprodectNum').eq(ind).val();
		var price=$('.carTab .tr3 .td4').eq(ind).html();
		$('.carTab .tr3 .td5').eq(ind).html(num*price);
		shopingSum();//更新应该改版的数据
		var obj=eval(getCookie(ind))
		var obj=obj[0];
		var src=obj.src;
		var price=obj.price;
		var name=obj.name;
		
		setCookie('lastMoney',shopingSum(),10)
		setCookie(ind,'[{src:"'+src+'",name:"'+name+'",price:"'+price+'",num:"'+num+'"}]',10)//从新更新Cookie的数据
		
	})


					
				});
				

		
		
}

//----------以上为初始话网页的函数---------------------
function shopingSum(){
	var num=$('.carTab .tr3').length;
	var sum=0;
	for(var i=0;i<num;i++){
		sum+=parseInt($('.carTab .tr3 .td5').eq(i).html());
		}
	$('#allPrice').html(sum)
	return sum
	
	}






//------------以上为输入框数字变化事件动态效果------------------
$('.carMain2>.a2').click(function(){
	$('.carTab .tr3').remove();
	var num=getCookie('shopingCarNum');
	for(var i=0;i<=num;i++){
		removeCookie(i)
		}
	removeCookie('shopingCarNum');
	
	$('.bodyRightCar dl').remove();
	$('#bodyRightCarNum').html(0);
	$('#carnum').html(0);
	})




if(getCookie('shopingCarNum')){
		var num=getCookie('shopingCarNum');
		var obj=[];
		var sum=0;
		
		for(var i=0;i<=num;i++){
			
			obj[i]=eval(getCookie(i));
			sum+=parseInt(obj[i][0].num);
			var dl=document.createElement('dl');
			var dt=document.createElement('dt');
			var dd=document.createElement('dd');
			var img=document.createElement('img');
			var src=obj[i][0].src;
			
				img.src=src;
			
			dt.appendChild(img);
			dd.innerHTML=obj[i][0].name+' x '+obj[i][0].price;
			dl.appendChild(dt);
			dl.appendChild(dd);
			$('.bodyRightCar').append($(dl))
			}
		$('#bodyRightCarNum').html(sum);
		$('#carnum').html(sum)
		
		}
	
	//以上为初始话网页时，右边购物车动态效果












		
		
		})
});






























































